<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>首页</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      .layui-table-col-special{
        height: 60px;
      }
      .layui-table-cell,.laytable-cell-1-0-2{
        height: 50px;
      }

    </style>
  </head>
  <body class="app sidebar-mini rtl">
    <div th:include="common/common::header"></div>
    <div th:include="common/table::header"></div>
    <div class="row">
      <div class="table-content">
        <div id="dataTable" lay-filter="dataTable"></div>
      </div>
    </div>
    <script th:inline="javascript">
      layui.config({
        base: basePath+'/static/common/layui/js/'
      }).use(['newTable'], function(){
        var $ = layui.jquery,table = layui.newTable;
        var datatTable = table.query({
          name:'用户'
          ,editUrl:basePath+'/sysUser/list'
          ,conditions:[
            {type:'input',name:'param[code]',text:'用户编码'},
            {type:'input',name:'likeParam[nickname]',text:'用户昵称'},
            {type:'input',name:'likeParam[phone]',text:'用户电话'}
          ],buttons:[
          ],notUseCommonButton:true
        }).render({
          url: basePath+'/sysUser/list'
          ,tableWidth:"90%"
          ,cols: [[
            {type: 'checkbox',fixed: 'left',width:30}//treeTable不能固定次列，诺固定，收缩时固定类不会随着收缩
            ,{field : "code", title : "编码",sort:true}
            ,{field : "",title : "头像",templet:function (row) {
                return "<div><img style='width: 50px;height: 50px;' src='"+row.headImgUrl+"'></div>";
              }}
            ,{field : "nickname", title : "昵称"}
            ,{field : "phone", title : "电话"}
            // ,{field : "status", title : "状态"}
            ,{field : "valid", title : "是否有效", type:"boolean"}
          ]]
        }).bindSearch().bindModifyFunction().openMixChoose();
      });
    </script>
  </body>
</html>